<template>
  <div>
    <img src="~/assets/img/redied.png" alt="" srcset="" />
    <div
      class="bg-green-200 h-[200px] w-[12.5rem] caret-red-50 text-[red] text-[20px]"
    >
      引入tailwindcss
    </div>
    <div class="flex justify-center items-center">
      <div
        class="w-[100px] h-[100px] bg-red-200 bg-gradient-to-t from-orange-300 to-red-300"
      >
        box1
      </div>
      <div
        class="w-[100px] h-[100px] ml-[20px] text-center leading-[100px] bg-red-ied bg-cover bg-no-repeat"
      >
        box2
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped></style>
